Design View can be used for files that have been newly created in the Microsoft Script Editor or for files that have been opened in the editor from a disk or network server. To select Design View, click the Design tab at the bottom of the document window.
Design View provides a graphical environment within which you can design and edit Web documents. This WYSIWYG environment uses the customary drag-and-drop editing conventions to add, format, size, and position text, objects, and tables. When you select an element on a page, the Properties window displays the attributes that apply to the selected element. The Document Outline window enables you to navigate to specific objects within a document.
Note Design View displays only the body of a document<BODY></BODY>
tags. Although you can edit some properties of the <HEAD>
, such as <TITLE>
, in the Properties window, you must switch to HTML View to edit most properties of the <HEAD>
.
A document displayed in Design View differs from one displayed in a Web browser in these ways:
To display the current document in your Web browser, right-click on the document in Design View and select View in Browser from the shortcut menu.
When you choose to show details, the following symbols represent invisible elements on your page.
Symbol | Represents |
---|---|
HTML comment | |
Client-side <SCRIPT> block, or server-side script block in .asp page (<%%> or<SCRIPT RUNAT="Server"> ) |
|
<STYLE> block |
|
<DIV> tag |
|
<SPAN> tag |
|
<P> </P> (visible only in Linear Layout) |
|
Unrecognized HTML tag | |
<FORM> tag |